<!DOCTYPE HTML>
<html>
	<head>
		<title>casex admin</title>
		<link rel="stylesheet" type="text/css" href="960/960_24_col.css" />
		<link rel="stylesheet" type="text/css" href="960/reset.css" />
		<link rel="stylesheet" type="text/css" href="960/text.css" />
		<link rel="stylesheet" type="text/css" href="main.css" />
		<link rel="stylesheet" type="text/css" href="logo.css" />
	</head>
<body>
	<!--最顶层菜单-->
	<div class="container_24 header">
		<div class="grid_4 alpha">
			<div class="logo">
				<div class="casex-logo-s3">
					<div class = "cloud"></div>
				</div>
				<!--
				<a href="#">
					<img src="img/dac_logo.png" width="123" height="25" alt="logo">
				</a>
				-->
			</div>
			<div class="logo-text">
				BeviSoft
			</div>
			<div class="btn-quicknav">&nbsp;</div>
		</div>
		
		<div class="grid_18">
			<ul class="nav-x">
                <li class="design">
					<a href="#" >用户权限管理</a>
				</li>
                <li class="develop">
					<a href="#" class="selected">营销管理</a>
				</li>
                <li class="distribute last">
					<a href="#" >策略管理</a>
				</li>
            </ul>
		</div>
		<div class="grid_2">
			<div class="moremenu">
				<div class="more-btn"></div>
			</div>
		</div>
	</div>

	<!--菜单下面的黄线-->
	<div class="container_24">
		<div class="grid_24 alpha omega header-buttom-line">
		</div>
	</div>

	<!--第二级菜单-->
	<div class="container_24">
		<div class="grid_24 alpha omega nav-x2">
			<ul class="">
				<li class="training">
					<a href="#" >用户管理</a>
				</li>
				<li class="guide">
					<a href="#">权限管理</a>
				</li>
				<li class="reference">
					<a href="#">角色管理</a>
				</li>
				<li class="tools">
					<a href="#">其它</a>
				</li>
			</ul>
		</div>
	</div>

	<!--中间主体-->
	<div class="container_24 main">
		<div class="grid_24 alpha nav">
			<span class="tip">当前所在位置:</span>
			<span><a href="#">首页</a></span>
			<span class="arrow ">»</span>
			<span class="active">用户管理</span>
		</div>
		<div class="grid_24 alpha omega query">
			<form id="query-form" name="query-form" action="#" method="get">
				<label class="query-label ml-10">登录名</label>
				<input type="text" id="loginId" name="loginId" value="" class="query-input w160"/>
				<label class="query-label ml-10">昵称</label>
				<input type="text" id="nickname" name="nickname" value="" class="query-input w160"/>
				
				<a href="javascript:void(0);" class="query-button"><span>查询</span></a>
			</form>
		</div>

		<div class="grid_24 alpha omega">
			<div class="grid grid-highlight">
				<table>
					<thead>
						<tr>
                            <th width="14%">用户类型</th>
                            <th width="22%"><a orderby="roleName" href="javascript:void(0);" class="order">登录名<span></span></a></th>
                            <th width="18%"><a orderby="roleCode" href="javascript:void(0);" class="order">昵称<span></span></a></th>
                            <th width="34%">状态</th>
                            <th width="12%">操作</th>
                        </tr>
                    </thead>
					<tbody>
						<tr class="even">
							<td>本站会员</td>
                            <td>
								<a href="#">Bevis.Wu</a>
							</td>
							<td>bobo</td>
							<td>正常</td>
							<td>
								<a href="#">查看</a>
							</td>
						</tr>
						<tr class="odd">
							<td>本站会员</td>
                            <td>
								<a href="#">Joan</a>
							</td>
							<td>jj</td>
							<td>禁用</td>
							<td>
								<a href="#">查看</a>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>


		<div class="grid_24 alpha omega">
			<div class="paging">
				<div class="size">
					<span class="explain">每页显示数量</span>
					<a class="active" href="javascript:void(0);">10</a>
					<a href="javascript:void(0);">20</a>
					<a href="javascript:void(0);">50</a>
					<a href="javascript:void(0);">100</a>
				</div>
				<div class="pager">
					<span class="explain">共230条记录</span>
						<a class="page-prev page-prev-disabled" href="javascript:void(0);">上一页</a>
						<a class="active" href="javascript:void(0);">1</a>
						<a href="javascript:void(0);">2</a>
						<a href="javascript:void(0);">3</a>
						<a href="javascript:void(0);">4</a>
						<a href="javascript:void(0);">5</a>
						<a class="page-break" href="javascript:void(0);">...</a>
						<a href="javascript:void(0);">23</a>
						<a class="page-next" href="javascript:void(0);">下一页</a>
				</div>
			</div>
		</div>
	</div>

	<!--底部 footer-->
	<div class="container_24">
		<div class="grid_24 alpha omega footer">
			<div class="copyright">  
				本页所有内容为BeviSoft.CN所有，未经允许禁止拷贝! 
			</div>
			<div class="links">
				<a href="#">关于我们</a>&nbsp;&nbsp;|&nbsp;
				<a href="#">洽谈合作</a>&nbsp;&nbsp;|&nbsp;
				<a href="#">帮助</a>
			</div>
		</div>
	</div>
</body>
</html>